<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page Title -->
    <title>Services | Spyre - Slick contemporary multipurpose theme</title>

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="../assets/img/favicons/site.webmanifest">
    <link rel="mask-icon" href="../assets/img/favicons/safari-pinned-tab.svg" color="#f23838">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Vendor Stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,700%7CRoboto:300,400,700" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/aos/dist/aos.css" rel="stylesheet">

    <!-- Theme Stylesheets -->
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/dist/css/theme.min.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129313359-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-129313359-1');
    </script>
</head>

<body>
<!-- Preloader -->
<div class="preloader">
    <div class="spinner">
        <div class="circles"></div>
    </div>
</div>
<!-- End of Preloader -->


<!-- Header -->
<header class="spyre-navbar navbar navbar-expand-lg bg-secondary navbar-dark fixed-top align-items-center" data-transparent data-text-color="#ffffff">
    <div class="container">
        <a class="navbar-brand mr-lg-5 mr-xl-7" href="index.html">
            <img src="../assets/img/logo.svg" class="d-none d-lg-block" alt="Spyre" width="183" />
            <img src="../assets/img/logo.svg" class="d-block d-lg-none" alt="Spyre" width="150" />
        </a>

        <span class="navbar-text flex-fill d-none d-md-inline-block text-white">
                    Contact us: <a href="#" class="pl-2 text-white">info@spyre.com</a><a href="#" class="pl-5 text-white">+1-202-555-0149</a>
                </span>

        <div class="search d-none d-lg-flex justify-content-end ml-auto mr-2">
            <input class="form-control mr-2" type="text">
            <i class="zmdi zmdi-search"></i>
        </div>

        <div class="menu-toggle">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="cross">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- Spyrenav Overlay -->
    <div class="spyre-navbar-overlay overlay-slide">
        <div class="container">
            <div class="row">
                <div class="spyre-navbar-nav-container col-md-6 col-lg-5 col-xl-4 bg-white ext-l">
                    <nav class="spyre-navbar-nav">
                        <ul class="spyre-nav">
                            <li class="spyre-nav-item"><a href="index.html" class="spyre-nav-link">Overview</a></li>
                            <li class="spyre-nav-item dropdown">
                                <a href="#" class="spyre-nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <li class="dropdown-menu-item"><a href="home.html" class="dropdown-menu-link">Homepage</a></li>
                                    <li class="dropdown-menu-item active"><a href="services.html" class="dropdown-menu-link">Services</a></li>
                                    <li class="dropdown-menu-item"><a href="blog.html" class="dropdown-menu-link">Blog</a></li>
                                    <li class="dropdown-menu-item"><a href="blog-single.html" class="dropdown-menu-link">Blog single</a></li>
                                    <li class="dropdown-menu-item"><a href="portfolio.html" class="dropdown-menu-link">Portfolio</a></li>
                                    <li class="dropdown-menu-item"><a href="about.html" class="dropdown-menu-link">About</a></li>
                                    <li class="dropdown-menu-item"><a href="contact.html" class="dropdown-menu-link">Contact</a></li>
                                    <li class="dropdown-menu-item"><a href="team.html" class="dropdown-menu-link">Team</a></li>
                                    <li class="dropdown-menu-item"><a href="faq.html" class="dropdown-menu-link">Faq</a></li>
                                    <li class="dropdown-menu-item"><a href="pricing.html" class="dropdown-menu-link">Pricing</a></li>
                                    <li class="dropdown-menu-item"><a href="careers.html" class="dropdown-menu-link">Careers</a></li>
                                    <li class="dropdown-menu-item"><a href="careers-single.html" class="dropdown-menu-link">Careers single</a></li>
                                    <li class="dropdown-menu-item"><a href="coming-soon.html" class="dropdown-menu-link">Coming soon</a></li>
                                    <li class="dropdown-menu-item"><a href="404.html" class="dropdown-menu-link">404</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-in.html" class="dropdown-menu-link">Sign In</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-up.html" class="dropdown-menu-link">Sing Up</a></li>
                                    <li class="dropdown-menu-item"><a href="recover-account.html" class="dropdown-menu-link">Recover account</a></li>
                                </ul>
                            </li>
                            <li class="spyre-nav-item"><a href="https://spyre-theme.bitbucket.io/v1.2.0/docs/animations.html" class="spyre-nav-link">Components</a></li>
                            <li class="spyre-nav-item"><a href="../docs/index.html" class="spyre-nav-link">Docs</a></li>
                            <li class="spyre-nav-item"><a href="https://themes.getbootstrap.com/product/spyre-slick-contemporary-multipurpose-theme" target="_blank" class="spyre-nav-link">Purchase</a></li>
                        </ul>
                    </nav>
                </div>

                <div class="col-lg-7 col-xl-8 d-none d-md-block">
                    <div class="d-flex flex-column h-100">
                        <div class="d-flex h-100">
                            <div class="align-self-center">
                                <div class="text-uppercase"
                                     data-background-text="communication"
                                     data-color="#7079a2"
                                     data-opacity="0.02"
                                     data-font-size="85px"
                                     data-font-weight="500"
                                     data-offset-x="-5%"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="planning"
                                     data-color="#7079a2"
                                     data-opacity="0.04"
                                     data-font-size="175px"
                                     data-font-weight="500"
                                     data-offset-x="29%"
                                     data-padding="7vh 0 2vh 0"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="delivering"
                                     data-color="#7079a2"
                                     data-opacity="0.03"
                                     data-font-size="140px"
                                     data-font-weight="500"
                                     data-offset-x="15%"
                                     data-letter-spacing="5px"
                                ></div>
                            </div>
                        </div>

                        <div class="mt-auto">
                            <ul class="nav flex-nowrap float-right">
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-twitter text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-instagram text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-facebook-box text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-pinterest text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-flickr text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-youtube text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Spyrenav Overlay -->
</header>
<!-- End of Header -->


<!-- Main Content -->
<main class="main minh-100vh">
    <!-- Section -->
    <section class="py-0 overflow-hidden text-center">
        <div class="bg-container overlay parallax" data-rellax-percentage="0.5" style="background-image: url(../assets/img/backgrounds/bg-01.jpg)"></div>
        <div class="container">
            <div class="row h-100vh align-items-center">
                <div class="col">
                    <h1 class="text-white text-uppercase fs-4 fs-lg-6" data-aos="zoom-in" data-aos-duration="1000">What we do</h1>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section>
        <div class="container">
            <div class="card-deck d-block d-lg-flex">
                <div class="card mb-3">
                    <div class="card-body">
                        <h2 class="mb-4 fs-1 fw-medium text-primary text-uppercase"><i class="zmdi zmdi-spinner mr-2"></i>Strategy</h2>
                        <p class="fs--1">Suspendisse potenti. Maecenas consectetur enim ac turpis vehicula sagittis. Nulla finibus gravida sodales. Cras vel tristique neque, et rutrum mi. In sit amet velit a felis maximus blandit. Sed tellus velit, sagittis et tempus vulputate amitino.</p>
                    </div>
                </div>
                <div class="card mb-3">
                    <div class="card-body">
                        <h2 class="mb-4 fs-1 fw-medium text-primary text-uppercase"><i class="zmdi zmdi-wrench mr-2"></i>Development</h2>
                        <p class="fs--1">Suspendisse potenti. Maecenas consectetur enim ac turpis vehicula sagittis. Nulla finibus gravida sodales. Cras vel tristique neque, et rutrum mi. In sit amet velit a felis maximus blandit. Sed tellus velit, sagittis et tempus vulputate amitino.</p>
                    </div>
                </div>
                <div class="card mb-3">
                    <div class="card-body">
                        <h2 class="mb-4 fs-1 fw-medium text-primary text-uppercase"><i class="zmdi zmdi-male-female mr-2"></i>Consulting</h2>
                        <p class="fs--1">Suspendisse potenti. Maecenas consectetur enim ac turpis vehicula sagittis. Nulla finibus gravida sodales. Cras vel tristique neque, et rutrum mi. In sit amet velit a felis maximus blandit. Sed tellus velit, sagittis et tempus vulputate amitino.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="py-0">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-6 col-xl-5">
                    <h2 class="mb-5 text-uppercase">Advisory Consulting</h2>
                    <p class="text-500">Aliquam porttitor libero ut sodales scelerisque. Vestibulum ut sem ligula. Suspendisse luctus aliquam dolor in dapib. Integer pretium consectetur porta. Sed lacinia nisilia sit amet dui egestas gravida. Sed auctor lacus vitae blandit consectetur. Sed non erat lacus. Aliquam ultrices at sapien in tincidunt. Nulla quis ex ac est dictum aliquet. Cras tempor justo lobortis enim pretium, sed aliquet lectus vehicula.</p>
                </div>
            </div>
        </div>

        <div class="container mt-5 mt-md-14 overflow-x-hidden overflow-md-visible">
            <div class="row">
                <div class="ml-md-neg-15 d-md-flex text-center">
                    <div class="d-md-flex flex-column">
                        <img src="../assets/img/img-16.jpg" class="my-3 my-md-4 mx-md-4" alt="" width="400" height="400" />

                        <img src="../assets/img/pattern-01.png" alt="" width="94" class="d-none d-md-block zindex--1 my-7 ml-13" />
                    </div>

                    <div class="mt-md-neg-10 d-md-flex">
                        <div class="d-md-flex flex-column">
                            <img src="../assets/img/pattern-02.png" alt="" width="670" class="d-none d-md-block position-absolute zindex--1 mt-neg-3 ml-8" />

                            <img src="../assets/img/img-17.jpg" class="my-3 my-md-4 mx-md-4" alt="" width="400" height="400" />
                            <img src="../assets/img/img-18.jpg" class="my-3 my-md-4 mx-md-4" alt="" width="400" height="400" />
                        </div>

                        <div class="mt-md-neg-15 d-md-flex">
                            <div class="d-md-flex flex-column">
                                <img src="../assets/img/img-19.jpg" class="my-3 my-md-4 mx-md-4" alt="" width="400" height="400" />
                                <img src="../assets/img/img-20.jpg" class="my-3 my-md-4 mx-md-4" alt="" width="400" height="400" />
                            </div>

                            <div class="mt-md-10">
                                <img src="../assets/img/img-21.jpg" class="my-3 my-md-4 mx-md-4" alt="" width="400" height="400" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 mb-5">
                            <div class="d-flex flex-row" data-aos="fade-right">
                                <div>
                                    <i class="zmdi zmdi-spinner zmdi-hc-fw zmdi-hc-3x mr-1"></i>
                                </div>
                                <div class="flex-shrink-1">
                                    <h2 class="mb-4 fs-1 fw-medium text-uppercase">Strategy</h2>
                                    <p class="fs--1">Suspendisse potenti. Maecenas consectetur enim ac turpis vehicula sagittis. Nulla finibus gravida sodales. Cras vel tristique neque, et rutrum mi.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-5">
                            <div class="d-flex flex-row" data-aos="fade-left">
                                <div>
                                    <i class="zmdi zmdi-hourglass-alt zmdi-hc-fw zmdi-hc-3x mr-1"></i>
                                </div>
                                <div class="flex-shrink-1">
                                    <h2 class="mb-4 fs-1 fw-medium text-uppercase">Architecture</h2>
                                    <p class="fs--1">Pellentesque ultrices ante id tristique porttitor. Nullam euismod nisl eget odio tincidunt, quis egestas sem eleifend. Phasellus faucibus sapien eu suscipit ultricies.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-5">
                            <div class="d-flex flex-row" data-aos="fade-right">
                                <div>
                                    <i class="zmdi zmdi-layers zmdi-hc-fw zmdi-hc-3x mr-1"></i>
                                </div>
                                <div class="flex-shrink-1">
                                    <h2 class="mb-4 fs-1 fw-medium text-uppercase">Operations</h2>
                                    <p class="fs--1">Praesent venenatis mollis commodo. Aliquam odio nisl, faucibus sit amet sem dapibus, accumsan vehicula magna. Praesent faucibus eu lectus ultrices lacinia. Nulla eu lobortis ipsum.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-5">
                            <div class="d-flex flex-row" data-aos="fade-left">
                                <div>
                                    <i class="zmdi zmdi-money zmdi-hc-fw zmdi-hc-3x mr-1"></i>
                                </div>
                                <div class="flex-shrink-1">
                                    <h2 class="mb-4 fs-1 fw-medium text-uppercase">Finance</h2>
                                    <p class="fs--1">Vestibulum ac est ac nibh auctor pellentesque. Phasellus pulvinar metus ut venenatis pharetra. Nulla a lectus a orci rutrum maximus at non ante. Interdum et malesuada fames.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-5 mb-lg-0">
                            <div class="d-flex flex-row" data-aos="fade-right">
                                <div>
                                    <i class="zmdi zmdi-male-female zmdi-hc-fw zmdi-hc-3x mr-1"></i>
                                </div>
                                <div class="flex-shrink-1">
                                    <h2 class="mb-4 fs-1 fw-medium text-uppercase">Consulting</h2>
                                    <p class="fs--1">Nam vehicula lacus id auctor scelerisque. Suspendisse efficitur, eros eu pellentesque scelerisque, neque ante placerat ligula, at maximus dolor sem sed nisi.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="d-flex flex-row" data-aos="fade-left">
                                <div>
                                    <i class="zmdi zmdi-wrench zmdi-hc-fw zmdi-hc-3x mr-1"></i>
                                </div>
                                <div class="flex-shrink-1">
                                    <h2 class="mb-4 fs-1 fw-medium text-uppercase">Development</h2>
                                    <p class="fs--1">Morbi sodales turpis sed est aliquam, ac accumsan erat vestibulum. Nunc libero ex, vulputate ut sollicitudin id, rutrum eu leo. Donec ligula mi, bibendum ut felis.</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-8 col-lg-4">
                            <a href="#" class="btn btn-primary btn-lg btn-block mt-6">Request a quote<i class="zmdi zmdi-email-open ml-3"></i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="py-0">
        <div class="container-fluid px-0">
            <div class="row no-gutters">
                <div class="col-md-6 py-8">
                    <div class="bg-container" style="background-image: url(../assets/img/img-22.jpg);"></div>
                </div>
                <div class="col-md-6 py-6 py-lg-8 bg-blue-light overflow-hidden">
                    <div class="row h-100 align-items-center">
                        <div class="col px-5 px-lg-8 px-xl-10">
                            <h3 class="my-0 fs-1 fw-medium text-secondary text-uppercase">Planning</h3>
                            <h2 class="mb-4 fw-medium text-primary text-uppercase">Roadmaps</h2>
                            <p class="mb-0 fs--1">Sed facilisis blandit diam ut commodo. Duis consequat justo eu eros varius, non interdum purus sagittis. Integer imperdiet justo vulputate lectus mattis fringilla. Maecenas arcu turpis, imperdiet porttitor consectetur condimentum, pretium eget ante. Aenean mattis mauris leo, ac pretium justo viverra in. In sit amet malesuada purus.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Subscribe</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Newsletter</h2>
                    <p class="mb-4">Cras dapibus erat ex, sed efficitur ligula interdum ut.</p>

                    <form class="form">
                        <div class="form-group mb-1">
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <input type="text" class="form-control mb-3 mb-lg-2" placeholder="Email address">
                                </div>
                                <div class="col-8 col-lg-4">
                                    <button type="button" class="btn btn-primary btn-block">Subscribe<i class="zmdi zmdi-mail-send ml-2"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->
</main>
<!-- End of Main Content -->


<!-- Footer -->
<footer class="footer text-white" style="background-image: url(../assets/img/footer-bg.jpg)">
    <div class="container d-flex h-100">
        <div class="row flex-grow-1">
            <div class="col-lg-3 pt-3 ext-l bg-secondary text-center text-lg-left">
                <div class="d-flex flex-column h-100">
                    <div class="pt-5 pt-lg-8 pb-4">
                        <img src="../assets/img/logo-small.svg" alt="" width="92" class="mb-4" />
                        <p class="mb-4 mt-3 fs--1">New York, NY<br />
                            62 Birchpond St.<br />
                            Crystal Lake, NY 11762</p>

                        <p class="fs--1"><a href="#" class="text-white"><i class="zmdi zmdi-phone zmdi-hc-fw mr-1"></i>+1-202-555-0149</a><br />
                            <a href="#" class="text-white"><i class="zmdi zmdi-email zmdi-hc-fw mr-1"></i>info@spyre.com</a></p>
                    </div>

                    <ul class="mt-4 mt-lg-auto mb-5 mb-lg-0 list-unstyled list-inline">
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-twitter text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-instagram text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-facebook-box text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-pinterest text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-flickr text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-youtube text-white"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col d-flex flex-column mb-2 mt-3 pl-lg-7">
                <div class="row pt-5 pt-lg-8 pb-4 pb-lg-6">
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Services</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Design</a></li>
                            <li class="my-1"><a href="#" class="text-white">Development</a></li>
                            <li class="my-1"><a href="#" class="text-white">Themes</a></li>
                            <li class="my-1"><a href="#" class="text-white">CMS</a></li>
                            <li class="my-1"><a href="#" class="text-white">Mobile</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">About</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">About Us</a></li>
                            <li class="my-1"><a href="#" class="text-white">Contact</a></li>
                            <li class="my-1"><a href="#" class="text-white">The team</a></li>
                            <li class="my-1"><a href="#" class="text-white">Careers</a></li>
                            <li class="my-1"><a href="#" class="text-white">Locate store</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Help</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Sponsors</a></li>
                            <li class="my-1"><a href="#" class="text-white">FAQs</a></li>
                            <li class="my-1"><a href="#" class="text-white">Stories & Ideas</a></li>
                        </ul>
                    </div>
                </div>

                <div class="mt-auto d-flex justify-content-between">
                    <span class="fs--3 fs-lg--2">&copy; Spyre, 2019 Webinning Ltd.</span>
                    <div class="fs--3 fs-lg--2"><a href="#" class="mr-1 text-white">Privacy Policy</a>|<a href="#" class="ml-1 text-white">Cookie Policy</a></div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- End of Footer -->


<!-- Core Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Vendor Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/rellax/rellax.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/aos/dist/aos.js"></script>

<!-- Theme Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/dist/js/theme.min.js"></script>
</body>
</html>